﻿* {
margin:0;
padding:0;
}
body {
-x-system-font:none;
color:#333333;
font-family:'Lucida Grande',sans-serif;
font-size:0.75em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
text-align:center;
}
a {
color:#0084B4;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
hr {
display:none;
}
.beta {
background-color:#F9F6BA;
font-size:0.9em;
}
#accessibility, #navigation h3, #footer h3 {
left:-9999px;
overflow:hidden;
position:absolute;
}
#container {
margin:0 auto;
padding:15px 0;
position:relative;
text-align:left;
width:763px;
}
#loader {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
line-height:0;
padding:0;
position:absolute;
right:0;
top:5px;
}
.columns {
margin-bottom:15px;
width:100%;
}
td.column {
padding:0;
vertical-align:top;
}
#content {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
background:#FFFFFF none repeat scroll 0 0;
margin-top:0;
width:564px;
}
fieldset th, td {
padding:7px 3px;
}
.wrapper {
padding:5px 10px 15px;
}
#doingForm {
margin-bottom:20px;
}
.bar {
line-height:1.9em;
padding:0 10px;
position:relative;
}
.bar h3 {
font-size:1.4em;
}
.bar h3 label {
color:#000000;
font-weight:normal;
letter-spacing:-1px;
padding-right:170px;
}
.bar span {
display:block;
font-size:0.92em;
position:absolute;
right:10px;
top:0;
}
#doingForm .info {
background:#FFFFFF none repeat scroll 0 0;
padding-top:3px;
text-align:center;
}
#doingForm textarea {
-x-system-font:none;
font-family:'Lucida Grande',sans-serif;
font-size:1.15em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:2.5em;
line-height:1.1;
overflow:auto;
padding:5px;
width:508px;
}
div.direct-message-box fieldset {
padding:10px 90px;
width:548px;
}
a img, form, fieldset {
border:0 none;
}
fieldset {
margin:10px 0;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
margin:3px 0 4px;
}
.doing {
margin-bottom:10px;
width:300px;
}
.doing {
font-size:1.2em;
line-height:1.1;
width:100%;
}
fieldset label {
font-weight:normal;
white-space:nowrap;
}
#chars_left_notice {
color:#CCCCCC;
font-size:22pt !important;
}
.numeric {
font-family:'Georgia','Serif';
}
.status-btn {
float:right;
padding:5px 10px 0 5px;
}
#content .disabled {
color:#BBBBBB;
}
.hentry .disabled {
border:1px solid red;
}
.status-btn input.round-btn {
border:0 none;
color:#666666;
font-size:14px;
height:32px;
margin-left:3px;
width:115px;
}
.status-btn input.round-btn:hover {
border:0 none;
color:#444444;
font-size:14px;
height:32px;
margin-left:3px;
width:115px;
}
.status-btn input.disabled, .status-btn input.disabled:hover {
color:#AAAAAA;
cursor:default;
}
input.submit, button, input[type="submit"], input[type="button"], input[type="file"] > input[type="button"] {
background-color:#E6E6E6;
border:1px solid #CCCCCC;
font-size:1em;
padding:4px 8px;
}
input.submit:hover, button:hover, input[type="submit"]:hover, input[type="file"] > input[type="button"]:hover {
background:#999999 none repeat scroll 0 0;
cursor:pointer;
}
.flatbutton button, .flatbutton input[type="submit"], input.flatbutton[type="button"] {
background-color:#E6E6E6;
border:1px solid #CCCCCC;
cursor:pointer;
font-size:1em;
padding:4px 8px;
}
.flatbutton input[type="submit"]:hover {
background:#999999 none repeat scroll 0 0;
cursor:pointer;
}
#currently {
color:#666666;
float:left;
margin:4px 8px 0 12px;
overflow:hidden;
padding:2px 0;
text-align:left;
width:370px;
}
#latest_text {
cursor:pointer;
}
#latest_text_full {
cursor:pointer;
display:none;
}
body#home .tab, body#profile .tab, body.status .tab {
background:#FFFFFF none repeat scroll 0 0;
border-top:0 none;
margin:-1px 10px;
padding:0;
}
body#home #timeline, body.status #timeline {
border-top:1px dashed #D2DADA;
}
body#profile #timeline, body#favourings #timeline {
border-top:1px dashed #D2DADA;
margin-top:10px;
}
#content.wide {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
width:100%;
}
.tab {
background:#FFFFFF none repeat scroll 0 0;
border-top:1px solid #CECECE;
margin:-1px 10px;
padding:0;
}
body#home #timeline {
border-top:1px dashed #D2DADA;
}
#content h3.timeline-header {
margin-left:12px;
}
#content h2.thumb {
font-size:2.8em;
}
#content h2.thumb img {
border:1px solid #999999;
float:left;
margin:0 10px 0 0;
}
#timeline {
width:100%;
}
.doing .thumb {
padding:10px 5px 8px;
vertical-align:top;
width:50px;
}
.doing td {
border-bottom:1px dashed #D2DADA;
vertical-align:middle;
}
.hentry:hover a {
color:#0084B4;
}
.hentry:hover, #timeline_body .hover {
background-color:#F7F7F7;
}
.hentry:hover a, #timeline_body .hover a {
color:#0084B4;
}
.hentry td.status-body div {
overflow:hidden;
padding:1px 0;
width:424px;
}
.hentry .thumb img {
height:48px;
width:48px;
}
#content .doing .meta {
font-size:0.8em;
}
.entry-meta {
color:#999999;
font-family:georgia;
font-style:italic;
margin:3px 0 0 3px;
}
.entry-meta a {
color:#999999;
}
.hentry .actions {
border-bottom:1px dashed #D2DADA;
border-width:0 0 1px;
vertical-align:middle;
}
.hentry .actions div {
visibility:hidden;
}
.hentry:hover .actions div, .hover .actions div {
visibility:visible;
}
.hentry .actions a {
background-position:50% 50%;
background-repeat:no-repeat;
display:block;
font-size:14px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:3px 5px;
text-decoration:none;
}
.hentry .actions a.fav {
visibility:visible;
}
.hentry .actions a.fav-throb, .hentry .actions a.del-throb {
visibility:visible;
}
.bottom_nav {
margin-top:20px;
padding:0;
}
.pagination {
float:right;
}
.pagination ul {
margin:0;
padding:0;
}
.pagination li {
float:left;
padding:0 7px;
}
#content .section_links {
border:1px solid #CECECE;
margin:5px 0;
padding:4px 15px;
}
.clear {
clear:both;
}
#side_base {
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
background-color:#DDFFCC;
border-left:1px solid #BDDCAD;
line-height:1.2;
width:199px;
}
#side_ad_base {
height:185px;
padding-top:5px;
text-align:center;
}
#side {
margin-bottom:10px;
}
.subpage #side {
margin-top:0;
}
div.section {
padding:13px 13px 16px;
}
div.section-header {
margin:10px 0 5px;
}
div.section-header h1 {
color:#333333;
font-size:1.1em;
font-weight:bold;
padding:0 0 2px;
}
.notify {
background-position:left center;
background-repeat:no-repeat;
line-height:1;
margin-bottom:8px;
padding:5px 0;
text-align:center;
}
.notify div {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#FFFFFF;
border:1px solid #888888;
font-size:0.9em;
margin:0 12px 0 24px;
padding:10px 3px;
}
.actions {
border:1px solid #87BC44;
margin:10px -3px;
padding:2px 5px;
}
.actions small {
font-size:0.9em;
}
.actions a {
padding-left:7px;
}
div.user_icon {
padding-bottom:10px;
}
div.user_icon img {
float:left;
padding-right:0.8em;
}
.side_thumb {
height:31px;
width:31px;
}
#me_name {
font-size:1.35em;
line-height:30px;
margin-right:-10px;
}
#side table.stats {
margin:5px 0 10px;
}
#side table.stats td {
padding:0 7px 0 0;
}
#side table.stats td a {
text-decoration:none;
}
#side table.stats td a:hover .label {
text-decoration:underline;
}
#side table.stats td + td {
border-left:1px solid #BDDCAD;
border-right:1px solid #BDDCAD;
padding:0 7px;
}
#side table.stats td + td + td {
border:0 none;
}
#side table.stats td .numeric {
font-family:georgia;
font-size:1.3em;
text-decoration:none;
}
#side table.stats td .label {
font-size:0.9em;
text-transform:lowercase;
}
.promotion {
border:1px solid #BDDCAD;
color:#000000;
font-size:11px;
margin-top:7px;
padding:6px 10px;
text-align:left;
width:152px;
}
#side ul {
margin:0;
}
ul#tabMenu li {
border-top:1px solid #BDDCAD;
display:block;
width:100%;
}
ul#tabMenu a {
color:#4C4C4C;
display:block;
font-size:110%;
font-weight:bold;
padding:13px;
text-decoration:none;
}
ul#tabMenu a#keyword_search_tab {
color:#4C4C4C;
display:block;
font-weight:bold;
padding:0 0 1px 5px;
text-decoration:none;
}
body#home ul#tabMenu a#home_tab, body#profile ul#tabMenu a#updates_tab, body#replies ul#tabMenu a#replies_tab, body.direct_messages ul#tabMenu a#direct_messages_tab, body#favourings ul#tabMenu a#favorites_tab, body#public_timeline ul#tabMenu a#public_timeline_tab {
background:#FFFFFF none repeat scroll 0 0;
margin-left:-1px;
padding-left:14px;
}
ul#tabMenu a#keyword_search_tab:hover {
background-image:none;
}
ul#tabMenu a#user_search_tab {
display:block;
padding:10px;
}
#keyword_search_form {
padding-left:6px;
}
#keyword_search_form td {
padding:10px 1px;
vertical-align:middle;
}
#keyword_search_form .search-text {
border:1px solid #777777;
color:#777777;
height:16px;
padding:2px 2px 1px;
width:95px;
}
.disabled-search-text {
border:1px solid #777777;
color:#666666;
height:16px;
padding:2px 2px 1px;
width:95px;
}
#keyword_search_form .submit-search {
background-color:#E6E6E6;
border:1px solid #777777;
color:#333333;
font-size:0.9em;
height:21px;
padding:0 5px 1px;
}
#keyword_search_form .submit-search:hover {
background-color:#CCCCCC;
}
#keyword_search_form .disabled-search {
background-color:#E6E6E6;
border:1px solid #999999;
color:#999999;
font-size:0.9em;
height:21px;
padding:0 5px 1px;
}
.stat_count {
float:right;
font-weight:bold;
}
#side div.last {
border-top:1px solid #BDDCAD;
}
div#people.section-header {
margin-top:0;
}
#side .section-links {
float:right;
font-size:0.9em;
text-align:right;
}
#friends {
overflow:hidden;
padding:0 0 0 3px;
}
#friends span {
float:left;
padding:0 3px 2px 1px;
}
#friends img {
padding:0;
}
#friends_view_all {
font-size:0.9em;
padding:0 0 0 4px;
}
#device_control label {
margin-right:5px;
}
#device_control #device_msg {
font-size:80%;
margin-bottom:0;
margin-top:-5px;
}
.join {
text-align:center;
}
.join input {
background-color:#417596;
border:1px solid black;
color:white;
font-size:11pt;
font-weight:bold;
padding:0.3em 2.5em;
}
.join input:hover {
background-color:#294B60;
}
#side p.complete {
font-size:0.9em;
margin-top:1em;
}
#lang-select {
text-align:center;
}
.promo {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #87BC44;
font-size:1em;
margin-top:8px;
padding:10px 0 10px 5px;
}
.promo li {
margin:0 0 8px;
}
.promo a {
text-decoration:none;
}
.promo img {
vertical-align:middle;
}
.badgebox {
background:#FFFFCC none repeat scroll 0 0;
border:1px solid #FFFF00;
font-size:0.8em;
margin-top:10px;
padding:5px;
text-align:center;
}
.promobox {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #FFFF00;
font-size:0.8em;
margin-top:10px;
padding:5px;
text-align:center;
}
.note {
background:#FFFFFF none repeat scroll 0 0;
border:1px dashed #AAAAAA;
font-size:0.95em;
padding:3px;
}
.note strong {
color:red;
}
.note li + li {
border-top:1px solid #CCCCCC;
padding-top:4px;
}
.note a {
text-decoration:underline;
}
.about li {
padding-bottom:3px;
}
.about .label {
font-weight:bold;
}
#footer {
clear:left;
line-height:1;
padding:8px 0;
text-align:center;
}
#footer li {
display:inline;
padding:0 4px;
}
#footer li.first:before {
content:'';
padding-right:0;
}
#navigation, #footer {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#FFFFFF none repeat scroll 0 0;
white-space:nowrap;
}
#navigation {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
font-size:105%;
line-height:1em;
padding:8px 10px 8px 5px;
position:absolute;
right:0;
text-align:center;
top:24px;
}
#navigation ul {
padding-top:0;
}
#navigation li {
display:inline;
padding:0 0 0 9px;
}
#navigation li:before {
content:' ';
padding-right:0;
}
#navigation li.first:before {
content:'';
padding-right:0;
}
#went-protected-notice {
background:#FFFF99 none repeat scroll 0 0;
border:1px solid #FCFC19;
line-height:1;
padding:0 0 0 10px;
}
#went-protected-notice .sub-h1 {
font-size:1.2em;
}
#went-protected-notice table td {
padding:10px;
}
#container #flash .content-bubble-arrow {
margin-top:0;
}
#flash .desc {
margin-bottom:9px;
}
#flash .desc p {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#FFFFFF;
display:block;
font-size:2.12em;
font-weight:bold;
line-height:1.2em;
padding:7px;
}
#flash .thumb {
padding-left:24px;
}
.alert-box {
background:#FF7B6D none repeat scroll 0 0;
border:1px solid #FF0000;
color:#000000;
font-size:0.9em;
line-height:1.7em;
margin-bottom:4px;
padding:10px;
}
.yellow-box {
background:#FEF6A8 none repeat scroll 0 0;
border:1px solid #FFFA00;
color:#000000;
font-size:0.9em;
line-height:1.7em;
margin:5px 0 10px;
padding:5px;
text-align:center;
}
#top_alert {
background:#FFFFFF none repeat scroll 0 0;
border:0 none;
color:#333333;
font-size:90%;
margin:0 10px;
padding:3px;
text-align:center;
}
#admin_side {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#F9F6BA none repeat scroll 0 0;
border:1px solid #C9C69A;
font-size:0.9em;
line-height:1.4;
margin:10px;
padding:0;
}
#admin_side .admin {
margin:10px;
}
.hentry .entry-content img {
vertical-align:middle;
}
body#profile tr.latest-status td {
line-height:1.5em;
padding:1em 0;
}
body#profile tr.latest-status td span.entry-content {
font-size:1.77em;
}
body#profile tr.latest-status td span.entry-meta {
display:block;
}
body#profile tr.latest-status:hover {
background-color:#FFFFFF;
}
body#profile .hentry td.status-body div {
width:485px;
}
body#profile #timeline {
border-top-width:0;
}
body#profile .profile-head {
margin:1px 10px;
}
body#profile #content h2.thumb {
font-size:2.8em;
line-height:50px;
margin-bottom:0;
padding:20px 15px 0 0;
}
body#profile #content h2.thumb img {
float:left;
margin-bottom:5px;
margin-top:-10px;
}
body#profile h2.thumb div#follow-details img#x {
border:medium none;
cursor:pointer;
float:right;
margin:3px 0 0;
}
div#follow-control {
margin:5px 0 0 15px;
}
div#follow-details {
background:#F9FDAB none repeat scroll 0 0;
border:1px solid #FDCC68;
color:#000000;
display:none;
font-size:0.9em;
line-height:1.7em;
margin:5px 0 10px;
padding:5px 10px 10px;
}
div#follow-flash {
background:#F9FDAB none repeat scroll 0 0;
border:1px solid #FDCC68;
color:#000000;
font-size:0.9em;
font-weight:bold;
line-height:1.75em;
margin:5px 0;
padding:5px;
}
div#follow-details p {
margin-top:10px;
}
div#follow_actions {
}
div#follow-actions #onoff {
margin-left:10px;
}
div#follow-details strong {
display:inline;
font-size:120%;
}
div#follow-details div#notifications {
margin-top:10px;
}
div#follow-toggle {
background-position:2% 50%;
background-repeat:no-repeat;
border:1px solid #CCCCCC;
cursor:pointer;
padding:5px 5px 5px 20px;
}
div#followed {
background-color:#E6E6E6;
border:1px solid #D1D1D1;
}
div.med-btn {
background:#E6E6E6 none repeat scroll 0 0;
color:#000000;
cursor:pointer;
font-size:11px;
height:18px;
padding:1px 3px 1px 21px;
vertical-align:middle;
width:75px;
}
.follow-button button, .follow-button input[type="submit"], input.follow-button[type="button"] {
background-color:#808080;
border:1px solid black;
color:#FFFFFF;
cursor:pointer;
font-size:1em;
font-weight:bold;
height:30px;
width:75px;
}
.remove-button button, .remove-button input[type="submit"], input.remove-button[type="button"] {
background-color:#E6E6E6;
color:#000000;
cursor:pointer;
font-size:1em;
margin-left:3px;
width:75px;
}
input.update-button, .update-button button, .update-button input[type="submit"], input.update-button[type="button"] {
background-color:#808080;
border:1px solid black;
color:#FFFFFF;
cursor:pointer;
font-size:1em;
font-weight:bold;
margin-top:10px;
}
#profile .name-box {
padding-top:2px;
}
#profile .name-box .name {
font-size:3em;
font-weight:bold;
line-height:1;
text-decoration:none;
}
#profile .name-box .screen-name {
font-size:1.4em;
font-weight:bold;
margin-left:2px;
}
#profile .protected-box {
background:#FEF6A8 none repeat scroll 0 0;
border:1px solid #FCFC19;
line-height:1;
padding:0 0 0 10px;
}
#profile .protected-box .sub-h1 {
font-size:1.2em;
}
#profile .protected-box table td {
padding:10px;
}
#profile .protected-box .logged-out {
padding:10px;
}
#navigationunauth {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#FFFFFF none repeat scroll 0 0;
line-height:1.5em;
padding:6px 10px 6px 5px;
position:absolute;
right:0;
text-align:right;
top:24px;
vertical-align:middle;
}
div#profilebird {
clear:both;
height:48px;
margin:0;
padding:0;
position:absolute;
}
div#profilebox {
background:#FEFFDF none repeat scroll 0 0;
border:1px solid #FFFF00;
margin-bottom:10px;
margin-top:40px;
padding:5px 10px 10px;
vertical-align:middle;
width:733px;
}
div#profiletext {
float:left;
margin-bottom:10px;
margin-top:10px;
width:480px;
}
div#profilebutton {
float:left;
margin-left:50px;
text-align:center;
width:175px;
}
div#profilebutton small {
line-height:8px;
}
input.profilesubmit {
background-color:#74CA00;
border:1px solid #00FF00;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
margin:20px 0 10px;
padding:10px;
width:175px;
}
input.profilesubmit:hover {
background-color:#8CF500;
}
#navigationunauth ul {
padding-top:0;
}
#navigationunauth li {
display:inline;
padding:0 0 0 5px;
}
#navigationunauth li:before {
content:' ';
padding-right:0;
}
#navigationunauth li.first:before {
content:'';
padding-right:0;
}
fieldset input[type="text"], input[type="password"], select, checkbox {
border:1px solid #AAAAAA;
margin-right:3px;
padding:4px 2px;
}
.direct_messages .bar h3 {
padding:4px;
}
.direct_messages .bar h3 select {
width:13em;
}
.subpage #content ul {
padding-left:0;
}
#content .tabMenu {
margin:25px 0 0;
text-align:center;
}
#content .tabMenu li {
display:inline;
margin-left:-5px;
}
#content .tabMenu li a {
background:#E6E6E6 none repeat scroll 0 0;
border-left:1px solid #CECECE;
border-right:1px solid #CECECE;
border-top:1px solid #CECECE;
color:#4C4C4C;
display:inline;
padding:3px 20px 1px;
text-decoration:none;
}
#content .tabMenu li a:hover {
background:#999999 none repeat scroll 0 0;
color:black;
text-decoration:none;
}
#content .tabMenu li.active a {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
color:#000000;
}
.status_activity {
margin:4px 0 0;
padding:10px 0 0 20px;
}
.status_activity .activity {
margin:0 0 5px;
}
.status_activity .content {
font-size:0.8em;
margin:0 0 0 5px;
vertical-align:top;
}